<template>
  <div class="content">
    <div style="display: flex;justify-content: space-between;color: #ffffff;margin-bottom: 30px">
      <div style="color: #fff;">详情</div>
      <div @click="close" class="iconfont close icon-guanbi"></div>
    </div>
    <div class="html-content" style="height: 94%;width: 100%;overflow-y: auto;background: #fff;padding: 10px;border-radius: 10px" v-html="content"></div>
  </div>
</template>

<script>
export default {
  name: "MarketDetails",
  props:{
      title:{
        type:String,
        default:''
      },
      content:{
        type:String,
        default:''
      },
  },
  data(){
    return {
    }
  },
  emits:['closeMarketDetails'],
  methods:{
    close(){
      this.$emit('closeMarketDetails')
    }
  },
  computed:{

  }
}
</script>

<style scoped lang="scss">
.content{
  top: 12%;
  left: 22%;
  position: relative;
  width: 57%;
  height: 86vh;
  background-color: #0A1456;
  border-radius: 15px;
  padding: 20px;
  z-index:99999;
  .close{
    color: #07a6ff;
    font-size: 20px;
    position: absolute;
    right: 30px;
    cursor: pointer;
  }
}
</style>
